import React, { Component } from 'react';
import '../styles/Login.scss'
import * as service from '../api/index'
import {
    Form,
    Input,
    Button
  } from 'antd-mobile'

class Login extends Component {

    render() {
        return (
            <div className='login'>
                <Form
                    layout='horizontal'
                    footer={
                        <Button block type='submit' color='primary' size='large'>
                            提交
                        </Button>
                    }
                >
                    <Form.Header className="title">登录页</Form.Header>
                    <Form.Item
                        name='phone'
                        label='手机号'
                        rules={[{ required: true, message: '手机号不能为空' }]}
                    >
                        <Input onChange={console.log} placeholder='请输入手机号' />
                    </Form.Item>
                    <Form.Item
                        name='pass'
                        label='密码'
                        rules={[{ required: true, message: '密码错误' }]}
                    >
                        <Input onChange={console.log} placeholder='请输入密码' />
                    </Form.Item>
                </Form>
            </div>
        );
    }
}

export default Login;